<!DOCTYPE html>
<!--
                               ____
                            _.' :  `._
                        .-.'`.  ;   .'`.-.
               __      / : ___\ ;  /___ ; \      __
             ,'_ ""=-.:__;".-.";: :".-.":__;.-="" _`,
             :' `.t""=-.. '<@.`;_  ',@:` ..-=""j.' `;
                  `:-.._J '-.-'L__ `-.-' L_..-;'
                    "-.__ ;  .-"  "-.  : __.-"
                        L ' /.======.\ ' J
                         "-.   "__"   .-"
                        __.l"-:_JL_;-";.__
                     .-j/'.;  ;""""  / .'\"-.
                   .' /:`. "-.:     .-" .';  `.
                .-"  / ;  "-. "-..-" .-"  :    "-.
             .+"-.  : :      "-.__.-"      ;-._   \
             ; \  `.; ;                    : : "+. ;
             :  ;   ; ;                    : ;  : \:
             ;  :   ; :                    ;:   ;  :
            : \  ;  :  ;                  : ;  /  ::
            ;  ; :   ; :                  ;   :   ;:
            :  :  ;  :  ;                : :  ;  : ;
            ;\    :   ; :                ; ;     ; ;
            : `."-;   :  ;              :  ;    /  ;
             ;    -:   ; :              ;  : .-"   :
             :\     \  :  ;            : \.-"      :
              ;`.    \  ; :            ;.'_..-=  / ;
              :  "-.  "-:  ;          :/."      .'  :
               \         \ :          ;/  __        :
                \       .-`.\        /t-""  ":-+.   :
                 `.  .-"    `l    __/ /`. :  ; ; \  ;
                   \   .-" .-"-.-"  .' .'j \  /   ;/
                    \ / .-"   /.     .'.' ;_:'    ;
                     :-""-.`./-.'     /    `.___.'
                           \ `t  ._  /
                            "-.t-._:'

-->
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>tawen's resume</title>
    <meta name="description" content="tawen's个人简历，网页版个人简历，基于html5和impress" />
    <meta name="author" content="tawen" />
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link href="assets/css/style.css" type="text/css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <script src="assets/js/html5shiv.js" type="text/javascript"></script>
    <![endif]-->
</head>

<body class="impress-not-supported">
    <div class="fallback-message">
        <p>你的浏览器不支持该简历预览，为了更好的体验请使用Chrome、Firefox、Safari浏览器</p>
    </div>

    <div class="surrounding-anim">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>

    <div class="loading">
        <div class="spinner"></div>
    </div>

    <div class="welcome flipOutY">
        <h1>Welcome to Tawen's resume</h1>
        <a href="javascript:void(0);" id="down_arrow" title="go"></a>
    </div>

    <div id="impress">
        <div id="about" class="step slide" data-x="-2000" data-y="-1500" data-z="-100" data-rotate="30">
            <h2>关于我</h2>
            <p>2010年7月毕业于三联学院计算机科学与技术专业。从此走上了Coding的到来，从最开始的html+css，到后来的js、jquery、bootstrap、easyui。再到最近比较火的react、vue2/vue3。以及webpack、gulp、node、express、koa2。</p>
            <p>十多年互联网经验,四年半全职前端开发经验、熟悉MV*开发,深谙自动化,模块化开发之道、高效的自学能力,具备独立分析解决问题能力、强烈的自我驱动力,代码强迫症患者</p>
            <p>个人博客：<a href="http://tawen.github.io/" target="_blank">http://tawen.github.io/</a></p>
            <p>github：<a href="https://github.com/tawen" target="_blank">https://github.com/tawen</a></p>
        </div>

        <div id="skill" class="step slide" data-x="-1000" data-y="-1500" data-rotate="60">
            <h2>技能</h2>
            <div class="bubbleChart"></div>
        </div>

        <div id="personal-experience" class="step slide" data-x="0" data-y="-1500" data-rotate="90">
            <h2>个人作品</h2>
            <div class="experience">
                <h3>一. 林间书屋大数据</h3>
                <p>主要技术栈：hightchart、jquery、ajax、html、css；主要用展现林间书屋中读者、馆藏、活动以及书社基本信息；<a href="http://218.22.58.76:25183/bigdataljswPC/" target="_blank">林间书屋大数据访问链接</a></p>
                <h3>二. 天津市津南区图书馆</h3>
                <p>主要技术栈：mintui、vue、vuerouter、vuex、axios、webpack</p>
                <p>详情请查看：<a href="http://www.hb-sx.net:8025/tawen/index.html" target="_blank">天津市津南区图书馆</a></p>
                <h3>三. 个人blog App</h3>
                <p>主要技术栈：react、react-native、react-navigation；不断学习中...</p>
                <p>APP下载地址：<a href="https://tawen.github.io/res/app-release.apk" target="_blank">个人blog</a></p>
                <!-- <h3>四. 人人月后天管理系统</h3>
                <p>主要技术栈：elementui、vue、vuerouter、vuex、axios、webpack，正在开发中...</p> -->
                <h3>四. 其他作品</h3>
                <p><a href="http://qiaoheiban.cn/activity/mobileView/index/AG2017060214553596" target="_blank">活动云</a>、<a href="http://218.22.58.76:18085/bigdataMAS/index62.html" target="_blank">马鞍山大数据</a>、<a href="http://192.168.1.147:8089/evaows/" target="_blank">评估定级官网</a></p>
            </div>
        </div>
        <style>
            #work-experience .experience{overflow-y: auto;}
        </style>
        <div id="work-experience" class="step slide" data-x="1000" data-y="-1500" data-rotate="120">
            <h2>工作经历</h2>
            <div class="experience">
                <h3>一. 上海敏桥信息科技有限公司（2022/03-至今）</h3>
                <p>1、pcp-product collaboration platform 产品协同平台的配置管理模块、供应商协同管理模块、产品管理模块、bom 管理模块运用vue3+ts 开发组件用于低代码中快速开发页面；</p>
                <p>2、整体项目运用为前端乾坤做为微前端，采用自研低代码（lowcode ）技术；</p>
                <h3>二. 科大讯飞股份有限公司（2018/04-2022/03）</h3>
                <p>智能内容监审平台利用 react、antd、nw.js 相关技术实现业务需求，利用 pascal 脚本打包成客户端或者浏览器访问。</p>
                <p>质效平台利用 vue、vue-router、vuex 相关技术完成业务需求；</p>
                <h3>三. 安徽华博胜讯信息科技股份有限公司（2017/4-2018/04）</h3>
                <p>负责快速构建高质量移动APP/PC/微信页面、根据业务需求设计合适的工程项目、高度组件化、模块化思维，拥有各平台调试能力、同期学习ES6及vue,react,ng2,体会函数式编程思想</p>
<!--                <h3>四. 合肥易睿众联咨询服务有限公司（2014/4-2017/4）</h3>-->
<!--               <p>熟练使用angular1.x及各种类库的指令封装、常驻PC/APP/微信三平台前端研发、 擅长组件/插件开发，能脱离库书写JS代码、编码常思其健壮性，扩展性，维护性</p>-->
<!--               <h3>五. 合肥置顶信息技术有限公司 [2010/7-2014/3]</h3>-->
<!--               <p>负责企业站静态页开发、负责网站后台维护、 同期工作之余提升自己原生JS的编码能力。</p>-->
            </div>
        </div>

        <div id="work-experience2" class="step slide" data-x="2000" data-y="-1500" data-rotate="150">
            <h2>学习经历</h2>
            <div class="experience">
               <h3>安徽大学（2021/9-2024/6 ）</h3>
               <p>计算机科学与技术</p>
                <h3>三联学院（2007/9-2010/6 ）</h3>
               <p>在大学期间我系统的学习动漫设计与制作课程，学习了FALSH动画设计和脚本设计、网页设计、自学了web开发的知识（java、servlet、jsp、标记库、网页浏览版、购物车等、AS3.0）。主要课程：FALSH动画制作、网页制作、分镜稿设计、三维建模技术、材质与灯光特效、３ＤＳＭＡＸ、ＭＡＹＡ动画制作、ＡＥ后期特效合成、素描与色彩、速写、透视、计算机基础、动画艺术鉴赏、剧本创作、角色设计、场景设计、分镜台本、原画设计、二维动画技法、。主要学习Flash、Photoshop、maya、网页三剑客、造型设计、运动规律、二维动画、场景设计、分镜头设计、等课程。</p>
            </div>
        </div>

        <div id="contact" class="step slide" data-x="3200" data-y="-1500" data-rotate="170">
            <h2>联系我</h2>
            <p><img src="https://tawen.github.io/res/timg.jpg" width="750" alt=""></p>
            <p>邮箱：<strong><a href="mailto:tawen@live.cn" title="tawen@live.cn">tawen@live.cn</a></strong></p>
            <p>qq: <strong><a href="mailto:851393736@qq.com" title="851393736@qq.com">851393736@qq.com</a></strong></p>
        </div>

        <div id="overview" class="step" data-x="0" data-y="0" data-scale="6">
            <p>Thanks for preview</p>
        </div>

    </div>

    <div class="hint">
        <p id="hintAnimate">使用空格键或方向键来浏览</p>
    </div>

    <script type="text/javascript">
        if ("ontouchstart" in document.documentElement) {
            document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
        }
    </script>

    <script src="assets/js/jquery.min.js" type="text/javascript"></script>
    <script src="assets/js/d3.min.js" type="text/javascript"></script>
    <script src="assets/js/bubble-support.js" type="text/javascript"></script>
    <script src="assets/js/impress.js" type="text/javascript"></script>
    <script src="assets/js/global.js" type="text/javascript"></script>

</body>
</html>

